.hui-wrap {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #21202d;
  /*ECharts容器*/
}
.hui-wrap .info_nav {
  height: 50px;
  max-height: 50px;
  background: #464646;
  display: flex;
  flex-wrap: nowrap;
}
.hui-wrap .info_nav #hui-back,
.hui-wrap .info_nav .data_Contrast {
  width: 15%;
  line-height: 50px;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
}
.hui-wrap .info_nav .base_name {
  width: 70%;
  line-height: 50px;
  text-align: center;
  color: #fff;
}
.hui-wrap #btn_base {
  width: 93%;
  margin: 10px 15px 20px;
}
.hui-wrap .E_switch {
  height: 9vh;
}
.hui-wrap  .YMD_more {
  display: flex;
  flex-wrap: nowrap;
  padding: 5px 10px;
  border-bottom: 2px solid #3f4251;
}
.hui-wrap .YMD_more span,
.hui-wrap .YMD_more b {
  flex-grow: 1;
  color: #fff;
  text-align: center;
  border-right: 1px solid #3f4251;
}
.hui-wrap .YMD_more b:last-child {
  border-right: 0;
}
.hui-wrap .YMD_more span.active {
  color: #ff0000;
  position: relative;
}
.hui-wrap .YMD_more span.active:after {
  content: '';
  height: 2px;
  width: 30px;
  background: red;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -15px;
}
.hui-wrap .E_switch .switch_Container {
  width: 100%;
  padding: 0 10px 0 10px;
}
.hui-wrap .E_switch .switch_Container .swipe #slider1 li {
  width: 50px;
  display: block;
  text-align: center;
  background: #fff;
  color: #000;
  width: 40px;
  padding: 0 5px;
  margin: 5px;
}
.hui-wrap .E_switch .switch_Container .swipe #slider1 li.active {
  color: #000 !important;
  background: #fff !important;
}
.hui-wrap .echarts_content {
  margin-top: 1vh;
  width: 100%;
  height: 68vh;
  background: #21202d;
  /*border-radius: 8px;*/
  position: relative;
  /*K线图容器*/
  /*折线图容器*/
  /*通过改变添加类名切换图形*/
}
.hui-wrap .echarts_content .title_container {
  width: 92%;
  height: 20px;
  background: #21202d;
  padding: 0 4%;
  display: flex;
  flex-wrap: nowrap;
}
.hui-wrap .echarts_content .title_container #name_unit {
  background: #21202d;
  color: #fff;
  flex-grow: 25;
}
.hui-wrap .echarts_content .title_container .K_or_L {
  background: #21202d;
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.hui-wrap .echarts_content .title_container .K_or_L > div {
  height: 100%;
  width: 20%;
}
.hui-wrap .echarts_content .title_container .K_or_L > div img {
  height: 100%;
  width: auto;
}
.hui-wrap .echarts_content .title_container .K_or_L #switch_Text {
  color: #fff;
}
.hui-wrap .echarts_content .echart-box {
  position: absolute;
  bottom: 0;
  background: #21202d;
  width: 100%;
  height: 95%;
}
.hui-wrap .echarts_content .echart-box2 {
  position: absolute;
  bottom: 0;
  background: #21202d;
  width: 100%;
  height: 95%;
}
.hui-wrap .echarts_content .echarts_hidden {
  visibility: hidden;
}
